<template>
	<div class="common-layout">
		<el-container>
			<el-header>
			
			</el-header>
			<el-main>
				<el-row>
					<el-col :span="3" v-for="k in 14">
						<div style="padding: 10px;">
							<el-card style="max-width: 480px;cursor: pointer;">
								<template #header>
									<div class="card-header" style="text-align: left;">
										<span>广东4区 白云山</span>
									</div>
								</template>

								<el-row>
									<el-col :span="8">
										<img src="../../public/images/avators/hutouguai.gif" width="40px"
											height="40px" />
									</el-col>
									<el-col :span="16">
										<div style="text-align: center;">
											<p style="font-size: 10px;">1175级 还</p>
											<p style="color: #F56C6C;font-weight: bold;" >¥45000</p>
											<p style="font-size: 8px;">定金¥38666</p>
											<p style="font-size: 8px;">首次¥45000</p>
										</div>
									</el-col>
						
								</el-row>
								
								<el-divider style="margin: 5px 0px;"></el-divider>
									<el-row> 
									<el-col :span="24" style="text-align: left;">
										<el-tag type="primary" style="font-size: 8px;margin: 2px;" size="small">已渡劫</el-tag>
										<el-tag type="success"  style="font-size: 8px;margin: 2px;"size="small">成就:3225</el-tag>
										<el-tag type="info"  style="font-size: 8px;margin: 2px;"size="small">总修:81</el-tag>
										<el-tag type="warning" style="font-size: 8px;margin: 2px;" size="small">总宠修：90</el-tag>
									</el-col>
			
									</el-row>
									<el-row style="margin-top: 5px;">
										<el-col>
											<p style="font-size: 10px;">监控：2025-02-24 10:11:11</p>
											<p style="font-size: 10px;">抽签：2025-02-24 10:11:11</p>
										</el-col>
									</el-row>
							</el-card>
						</div>

					</el-col>

				</el-row>



			</el-main>
			<el-footer>
				<div style="position: fixed;bottom: 10px;width: 100%;">
				<el-row>
					<el-col :span="4"></el-col>
					<el-col :span="16">
							<span>总数量：33333</span>
							&nbsp;
							<el-radio-group v-model="radio1" size="large">
								<el-radio-button label="角色定金还价" value="01" />
								<el-radio-button label="角色最高拒绝" value="02" />
								<el-radio-button label="定金差10%" value="03" />
								<el-radio-button label="最高拒绝差10%" value="04" />
								<el-radio-button label="定金差20%" value="05" />
								<el-radio-button label="最高拒绝差20%" value="05" />
							</el-radio-group>

					</el-col>
						<el-col :span="4"></el-col>
				</el-row>
									</div>
			</el-footer>
		</el-container>
	</div>

</template>

<script>
	import emitter from '../mitt.js'
	import Api from "../api/tapi.js"
	import {
		ElNotification
	} from 'element-plus'

	export default {
		name: 'Home',
		components: {},
		data() {
			return {
				"radio1": "01"
			}
		},
		created() {


		},
		methods: {}
	}
</script>

<style>
.el-tag--small {
    height: 12px;
    padding: 0 8px;
    line-height: 12px;
}
.el-card__body{
	padding: 10px;
}
.el-card__header{
	padding: 12px;
}
</style>